$(function () {
	$('#knw_continer').gallery({autoplay: true, interval: 5000});
	$(".btn-more-pr").click(function () {
		$(this).parent().toggleClass("collapse");
	})
	initProfile();
	initAccountPopup();
});

function initAccountPopup() {
	$("#btn-account").click(function () {
		showPopup("popup-account", null);
		switchForm("popup-login", null, null)
	});
	$(".popup-mask").click(function () {
		hidePopup("popup-account", null);
	});
	$("#btn-regis").click(function () {
		switchForm("popup-register-step1", "popup-login", null)
	});
	$("#btn-submit-regis1").click(function () {
		switchForm("popup-register-step2", "popup-register-step1", null)
	});
}
function showPopup(id, callback) {
	$(".popup").removeClass("disable").css({opacity: 0}).animate({opacity: 1}, 200);
	$("#" + id).stop().css({top: 0}).animate({top: 100}, 250);
}
function hidePopup(id, callback) {
	$(".popup").animate({opacity: 0}, 200, function () {
		$(this).addClass("disable");
	});
	$("#" + id).stop().animate({top: 0}, 200);
}
function switchForm(id, oldId, callback) {
	$(".popup-content").each(function () { if (!$(this).hasClass("disable")) { oldId = this.id; return; } });
	$("#" + id).removeClass("disable").css({top: 390, opacity: 0}).animate({top: 0, opacity: 1}, 1000, "easeOutQuint");

	if (oldId && oldId != id)
		$("#" + oldId).css({top: 0, opacity: 1}).animate({top: -390, opacity: 0}, 1000, "easeOutQuint", function () {
			$(this).addClass("disable");
		});
}
function initProfile() {
	$(".pr-profile-menu-item.edit").click(function () {
		showPage("profile-page-edit");
		$(".pr-profile-menu-item").removeClass("active");
		$(this).addClass("active");
	});
	$(".pr-profile-menu-item.change-pass").click(function () {
		showPage("profile-page-password");
		$(".pr-profile-menu-item").removeClass("active");

		$(this).addClass("active");
	});
}
function showPage(id, callback) {
	$(".pr-profile-page:not(#" + id + ")").css({left: 0, opacity: 1}).animate({left: 200, opacity: 0}, 1000, "easeOutQuint", function () {
		$(this).addClass("disable");
	});
	$("#" + id).removeClass("disable");
	$("#" + id).stop().css({left: 200, opacity: 0}).animate({left: 0, opacity: 1}, 1000, "easeOutQuint");
}